.clean_box {
    padding: 0;
    margin: 0;
}

/*  color */

.white {
    color: #ffffff;
}

.light_blue {
    color: #b1d6fc;
}

.wathet_blue {
    color: #3297fb; /*font color*/
}

.table_top_bg {
    background: #3194f6;
}

.border_color {
    border-color: #35a0ff;
}

.red-color {
    color: #ff0202;
}

.car-details-box {
    position: relative;
    height: 100%;
    /*min-width: 980px;*/
    background: url("../../styles/img/car_details/body_bg.jpg");
    background-size: 100%;
}

.header {
    position: relative;
    width: 100%;
    height: 139px;
    background: url("../../styles/img/car_details/header.png") no-repeat center;
    background-size: 100% 139px;
}

.header_title {
    overflow: hidden;
    margin-left: 3.4%;
}

.mileage_box {
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
    width: 27%;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
}

.total_mileage {
    float: left;
    line-height: 55px;
}

.mileage {
    float: right;
    line-height: 55px;
}

.wheremycar {
    position: absolute;
    top: 0;
    left: 100px;
    line-height: 88px;
    font-size: 28px;
    font-style: italic;
    font-weight: bold;
}

.welcome_user {
    position: absolute;
    top: 0;
    right: 20px;
    line-height: 88px;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
}

.welcome_user img {
    float: right;
    margin-top: 13px;
    margin-right: 15px;
    cursor: pointer
}



.show_map_box {
    position: relative;
    width: 892px;
    margin: 26px;
    padding: 0;
}

.map_bg {
    position: absolute;
    top: -3px;
    left: -2px;
    z-index: 0;
}

.map_container {
    overflow: hidden;
    width: 100%;
    height: 100%;
}




.owner_info_box {
    position: absolute;
    padding: 48px 0 15px 15px;
    width: 381px;
    height: 235px;
    top: 12px;
    left: 18px;
    background: url("../../styles/img/car_details/driver_info.png") no-repeat;
    z-index: 0;
}

.owner_info_box img {
    float: left;
    width: 117px;
    height: 169px;
}

.owner_info {
    overflow: hidden;
    float: left;
    padding-left: 10px;

}

.owner_info p {
    overflow: hidden;
    margin: 0;
    padding: 0 0 14px 0;
    width: 236px;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner_info p span {
    font-size: 20px;
}

.position_info_box {
    position: absolute;
    top: 10px;
    left: 10px;
    line-height: 24px;
    z-index: 0;
}

.car_location_info {
    float: right;
    padding: 4px;
    font-size: 16px;
    font-style: italic;
    border-radius: 4px;
    border: 2px solid #3297fb;
    background: url("../../styles/img/car_details/bg.png") repeat;
}

.car_location_info p {
    margin-bottom: 0;
    padding-left: 40px;
    line-height: 32px;
    border-bottom: 1px solid #3297fb;
}

.car_location_info p:nth-child(1) {
    background: url("../../styles/img/car_details/car_icon.png") no-repeat 6px 6px;
}

.car_location_info p:nth-child(2) {
    background: url("../../styles/img/car_details/addr.png") no-repeat 6px 6px;
}

.car_location_info p:nth-child(3) {
    background: url("../../styles/img/car_details/time.png") no-repeat 6px 6px;
}

.car_location_info p:nth-child(4) {
    border: 0;
    background: url("../../styles/img/car_details/meoney.png") no-repeat 6px 6px;
}

.the_owner_box {
    position: relative;
    margin-top: 50px;
    padding-left: 16px;
    padding-right: 30px;
}

.driver_info_box {
    position: relative;
    width: 913px;
    height: 301px;
    background: url("../../styles/img/car_details/instrument_board.png") no-repeat;
    background-size: cover;
}

.temperature_date_box {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 18px;
    color: #ffffff;
    z-index: 0;
}

.temperature {
    float: left;
    padding-left: 18px;
}

.date_box {
    float: right;
    font-size: 16px;
}

.left_owner_info_box {
    position: absolute;
    margin-left: -195px;
    top: -70px;
    left: 50%;
}

.car_data_box {
    overflow: hidden;
    margin-top: 45px;
    width: 925px;
    border: 1px solid #3194f6;
    /*background: url("../../styles/img/car_details/car_data_table.png") no-repeat;*/
}

.data_thead {
    margin-top: 3px;
    margin-left: 2px;
    width: 920px;
    height: 58px;
    text-align: center;
}

.data_thead span:nth-child(1) {
    line-height: 61px;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

.data_thead a {
    float: right;
    padding-right: 10px;
    line-height: 62px;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    color: #ffffff;
}

.car_data_table {
    float: left;
    margin-left: 2px;
    margin-bottom: 0;
    width: 469px;
    height: 355px;
    border: 0;
}

.table-bordered > tbody > tr > td {
    padding: 0;
    width: 108px;
    line-height: 61px;
    font-size: 24px;
    font-style: italic;
    text-align: center;
    border: 1px solid #35a0ff;
}

.car_data_table tr.first_tr td {
    border-top: none;
}

.car_data_table tr.last_tr td {
    border-bottom: none;
}

.car_data_table td.first_td {
    border-left: 0;
}

.car_data_table td:nth-child(1), .car_data_table td:nth-child(3) {
    color: #3297fb;
}

.car_data_table td p {
    margin-bottom: 0;
    line-height: 63px;
}

.car_interior {
    float: left;
    margin-top: 6px;
    margin-left: 10px;
    padding: 34px 2px 2px;
    width: 433px;
    height: 336px;
    background: url("../../styles/img/car_details/car_interior.png") no-repeat;
}

.car_interior img {
    width: 100%;
    height: 100%;
}

.footer {
    position: relative;
    width: 100%;
    height: 134px;
    text-align: center;
    background: url("../../styles/img/car_details/footer_bg.png") no-repeat center;
    background-size: 100% 134px;
}

.footer a {
    position: absolute;
    top: 64px;
    left: 100px;
    font-size: 32px;
    font-weight: bold;
    color: #b5daff;
}

.footer span {
    display: inline-block;
    margin-top: 40px;
    margin-left: 40px;
    width: 500px;
    font-size: 36px;
    font-weight: bold;
    color: #b5daff;
}

/*pointer*/
.v_speed {
    position: absolute;
    top: 94px;
    right: 118px;
}

.v_speed span:nth-child(1) {
    display: inline-block;
    text-align: right;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    font-style: italic;
}

.v_speed span:nth-child(2) {
    display: inline-block;
    font-size: 8px;
    color: #ffffff;
}

.water_temperature_box {
    overflow: hidden;
    position: absolute;
    left: 6px;
    bottom: 56px;
    width: 104px;
    height: 100px;
    z-index: 0;
}

.water_temperature {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    background: url(../../styles/img/car_details/waterbg.png) no-repeat -4px -40px;
}

.cover_box {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 97px;
}

.r_pointer {
    position: absolute;
    top: 20px;
    left: 62px;
    width: 185px;
    height: 185px;
    background: url("../../styles/img/car_details/r_pointer.png") no-repeat -9px 80px;
    transform: rotate(-54deg);
}

.v_pointer {
    position: absolute;
    top: 15px;
    right: 58px;
    width: 194px;
    height: 194px;
    transform: rotate(145deg);
    background: url("../../styles/img/car_details/v_pointer.png") no-repeat 148px 65px;
}

.oil_content {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 57px;
    width: 112px;
    height: 218px;
    z-index: 0;
}

.oil_box {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
}

.green_oil_box {
    background: url(../../styles/img/car_details/green_oil.png) no-repeat 6px -2px;
}

.red_oil_box {
    background: url(../../styles/img/car_details/red_oil.png) no-repeat 6px -2px;
}

.cover_oil_box {
    position: absolute;
    bottom: 1px;
    width: 100%;
    height: 214px;
}

/* on map cars  */
.on_map_car {
    height: 772px;
}

#findCar {
    height: 100%;
    width: 100%;
}

#r-result {
    width: 100%;
}

.search_box {
    position: fixed;
    top: 0;
    left: 0;
}

/* 去掉百度的版权信息 */
.anchorBL {
    display: none;
}